<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>学生宿舍管理系统</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <!-- 自定义样式表 -->
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <!-- jquery文件 -->
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <!-- 请求文件 -->
    <!-- <script type="text/javascript" src="js/require.js"></script> -->
    <!-- 所有html文件都需加以上声明 -->
</head>

<body>
    <header>学生宿舍管理系统</header>

    <div id="main">
        <!-- 轮播图 -->
        <div id="container">
            <!-- 图片容器 -->
            <div id="list" style="left: 0px;">
                <img src="img/slide_bg4.jpg" alt="">
                <img src="img/slide_bg1.jpg" alt="">
                <img src="img/slide_bg2.jpg" alt="">
                <img src="img/slide_bg3.jpg" alt="">
                <img src="img/slide_bg4.jpg" alt="">
                <img src="img/slide_bg1.jpg" alt="">
            </div>
            <!-- 圆点导航 -->
            <div id="buttons">
                <span class="on"></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <!-- 箭头按钮 -->
            <a href="javascript:;" class="arrow" id="prev">&lt;</a>
            <a href="javascript:;" class="arrow" id="next">&gt;</a>
        </div>
        <!-- ./轮播图 -->

        <!-- 登录栏 -->
        <div id="login">
            <span class="title">登录</span>
            <form>
                <!-- 用户名 -->
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span>
                    <input type="text" class="form-control" id="username" placeholder="请输入用户名">
                </div>
                <!-- 密码 -->
                <div class="input-group">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span>
                    <input type="password" class="form-control" id="password" placeholder="请输入密码">
                </div>
                <div><span class="warnInfo"></span></div>
                <input class="btn btn-info btn-lg" id="btn_login" value="登录">
            </form>
        </div>
    </div>

    <footer>
        <p>&copy;&nbsp;信息系统开发第31组 : 刘举 戚颖 殷俊杰 詹龙</p>
    </footer>

    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
</body>
</html>